<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jquery创建、添加、删除元素</title>
    <script src="../jquery.min.js"></script>
</head>
<body>
  <ul>
    <li>我是原来的li标签</li>
  </ul>
  <div>我是原来的div</div>
  <script>
    //创建元素
    var li = $('<li>我是后来创建的li标签</li>')
    //添加元素 （在元素的里面添加元素）
    // $('ul').append(li);//在目标元素的最后面添加元素
    $('ul').prepend(li);//在目标元素的最前面添加元素
    //在元素的外面添加元素
    var div = $('<div>我是后来添加的</div>')
    $('div').before(div);//在目标元素的前面添加元
    // $('div') .after(div);//在元素的后面添加元素
    //删除元素
    // $('ul').remove();//删除全部元素
    // $('ul').empty();//删除所有的内容
    $('ul').html('');//删除所有的内容
  </script>
</body>
</html>